<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>管理后台</title>
    <link rel="stylesheet/less" href="../../static/css/index.less"/>
    {#    <link rel="stylesheet/less" href="../../static/admin/css/user_huafen_record.less"/>#}
    <link rel="stylesheet" href="../../static/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../static/css/jquery.pagination.css"/>
    <script src="../../../static/js/jquery-1.12.3.js"></script>
    <script src="../../static/js/less.min.js"></script>
    <script src="../../static/layui/layui.js"></script>
    <SCRIPT language=javascript src="../../static/layer/layer.js"></SCRIPT>

</head>
<style>
    .js_w {
        width: 40px;
        height: 25px;
        font-size: 12px;
        line-height: 25px;
    }

    .ll {
        width: 40px;
        height: 25px;
        font-size: 12px;
        line-height: 25px;
    }

    .newadd label {
        padding: 10px 0;
        display: block;
        text-align: left;
    }

    .newadd label .adtitle {
        display: inline-block;
        width: 6rem;
        text-align: right;
        padding-right: 2%;
    }

    .newadd label span {
        text-align: right;
        padding-right: 2%;
    }

    .newadd input {
        padding: 0 10px;
        width: 20%;
        height: 30px;
        line-height: 30px;
        border: 1px solid #dcdcdc;
        border-radius: 5px;
    }

    .newadd select {
        text-align: left;
        padding: 0 5px;
        width: 20%;
        height: 30px;
        line-height: 30px;
        border: 1px solid #dcdcdc;
        border-radius: 5px;
    }

    .subbtn {
        margin-left: 5%;
        padding: 2px 3px;
    }
</style>
<body class="layui-layout-body">

{% include "/admin/top.html" %}
{% include "/admin/left.html" %}


<div id="box" class="fl">
    <div class="content" style="height: 100%">
        <div class="content">
            <h3 style="color:  #3D89CB">添加路由</h3>
            <div class="newadd">
                <label>
                    <span class="adtitle">路由名</span>
                    <input type="text" id="route_name" class="create">
                </label>
             <label>
                    <span class="adtitle">路由地址</span>
                    <input type="text" id="route_url" class="create">
                </label>
                <label for="">
                    <button class="subbtn"
                            style="width: 60px;height: 30px;margin-left: 200px;background-color: #3D89CB">提交
                    </button>
                </label>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script>
    layui.use('laydate', function () {
        var laydate = layui.laydate;
        //常规用法
        laydate.render({
            elem: '#test1'
        });
    });
    $(function () {
        // 提交参数
        $('.subbtn').on("click", function () {

            var route_name = $('#route_name').val();
            var route_url = $('#route_url').val();
            var platform_id = $("#platform_id option:selected").val();
            if (route_name == "" || route_url == "" ) {
                layer.msg('存在空值，无法提交！');
                return
            }
            $.ajax({
                url: "/admin/route/newly.html",
                type: 'post',
                data: {
                    'route_name': route_name,
                    'route_url': route_url,


                },
                dataType: 'json',
                success: function (msg) {
                    if (msg.code == 200) {
                        layer.msg("添加成功")
                        window.location.href = '/admin/list.html';
                    } else if (msg.code == 400) {
                        layer.msg("添加失败")
                    } else {
                        layer.msg("服务器内部错误")
                    }

                }
            })
        })
    })


</script>

